<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    
    <!-- 1. 引入vue -->
    <script src="js/vue.js"></script>
</head>
<body>

<div id="app">
    <!-- 3. 通过vue对象提供的指令显示内容到html网页中 -->
    <h1>{{message}}</h1>
    <p @click="num+=1">{{num}}</p>
    数值： <input type="text" v-model="num" disabled>
</div>

<script>
    // 2. 创建vue对象,Vue首字母大写的
    let vm = new Vue({
        el:"#app", // 当前vue对象可以操作的页面范围，一般就是ID元素的选择符
        data:{     // 当前vue对象要输出到html页面中的数据
            message:"登录错误!",
            num: 10084,
        }
    });
</script>
</body>
</html>
